<template>
  <div class="top-box">
  <div class="logo">
    <img src="https://www.zgmyncpjyw.com/uploadfiles/2021/08/20210817151608371.png?TE9HTy5wbmc=" >
    <img src="https://www.zgmyncpjyw.com/Mobile/images/navicon.png" >
  </div>
  <inputVue></inputVue>
  </div>
</template>

<script lang="ts" setup>
import inputVue from '@/components/input.vue';
</script>

<style  scoped>
.top-box{
  height:230px;
  width: 100%;
  position: relative;
  background: url("https://www.zgmyncpjyw.com/Mobile/images/topbg.png");
}
.topbg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
}
.logo{
    height:40px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-top: 20px;
}
.logo img:nth-child(1){
    width:206px;
    height:42px;
    z-index: 999;
   margin-left: 20px;
   vertical-align: top;
    
}
.logo img:nth-child(2){
    width:35px;
    height: 35px;
    z-index: 999;
    margin-right: 20px;
}
.search[data-v-c5132d7d]{
    margin-top: 20px;
  }
 
</style>
<style>
 .van-search__content{
  border-radius: 20px;
}
.van-search__content{
  background: white;
}
.notice-swipe {
    height: 40px;
    line-height: 40px;
}
 
</style>